<template>
  <i class="ct-icon" :color="color" :class="{ [`ct-color--${type}`]: type }">
    <fa-icon v-bind="computedProps" />
  </i>
</template>
<script setup>
import { computed } from 'vue'
import propsOptions from './props'
import { omit } from 'lodash-es'
defineOptions({
  name: 'CtIcon',
})
const props = defineProps(propsOptions)

const computedProps = computed(() => omit(props, ['type']))
</script>
<style lang="scss" scoped></style>
